<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    response.setHeader("Access-Control-Allow-Origin", "*");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer"/>
    <title>主板公司·数据工厂</title>
    <link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">
    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css" rel="stylesheet">
    <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet"/> -->
    <link href="${pageContext.request.contextPath}/css/mypage.css" rel="stylesheet">
    <style type="text/css">
    .a-button{
    	    height: 30px;
    width: 75px;
    margin-top: 1px;
    color: white;
    background-color: cornflowerblue;
    border-radius: 3px;
    border-width: 0;
    margin: 0;
    outline: none;
    font-family: inherit;
    text-align: center;
    cursor: pointer;
    }
    .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
    text-align: center;
}
	th{
	text-align: center !important;}
    </style>
</head>
<body>
<div id="wrapper">
    <nav class="navbar-default navbar-static-side" role="navigation">
        <%request.setAttribute("LEFT", "listed-company");%>
        <%@include file="../components/left.jsp" %>
    </nav>
    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom" style="margin-bottom: 20px;">
            <jsp:include page="../components/head.jsp" flush="true"/>
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-9">
                <h2>主板公司</h2>
                <ol class="breadcrumb">
                    <li class="nav-main1">
                        <a href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
                    </li>
                    <li class="active">
                        <span>企业数据</span>
                    </li>
                    <li class="active">
                        <span>主板公司</span>
                    </li>
                </ol>
            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins barcontent" id="barcontent"></div>
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <!-- <div class="input-select" style="margin-bottom: 20px">
                                <div class="input-selectbox">
                                    <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button"
                                            aria-expanded="false">
                                        <i class="fa fa-bars"></i>
                                        <span id="inputSelected">全部</span></button>
                                    <ul class="dropdown-menu" id="selectlist">
                                        <li><a onclick="setselect(this)">全部</a></li>
                                        <li><a onclick="setselect(this)">公司名称</a></li>
                                        <li><a onclick="setselect(this)">正文</a></li>
                                    </ul>
                                    <input type="text" class="form-control" style="width:440px;padding-right: 42px;">
                                    <i id="gosearch" class="fa fa-search cursearch" onclick="search()"></i>
                                </div>
                            </div> -->
                            <div class="row m-t-sm">
                                <div class="col-lg-12">
                                    <div class="panel blank-panel">
                                        <div class="panel-body">
                                            <div class="tab-content">
                                                <div class="tab-pane active" id="tab-1">
                                                    <div class="feed-activity-list">
                                                        <table class="table">
                                                            <thead>
                                                            <tr style="background:#f5f5f6">
                                                            	<th>企业Logo</th>
                                                                <th>企业名称</th>
                                                                <th>经营状态</th>
                                                                <th>城市</th>
                                                                <th>官方网站</th>
                                                                <th>成立日期</th>
                                                                <th>详情</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody id="list">
																
                                                            </tbody>
                                                        </table>
                                                    </div>

                                                    <div class="feed-activity-list" id="logs">
                                                        <div class="box" id="box" style="float: right;"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <jsp:include page="../components/footer.jsp" flush="true"/>
    </div>
</div>
<!-- Mainly scripts -->
<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
<script src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
<!-- Custom and plugin javascript -->
<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
<!-- FooTable -->
<script src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
<!-- Page-Level Scripts -->
<script src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
<script src="${pageContext.request.contextPath}/js/userCustom.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script> -->
<script>
    var data =[['北京', '4054'],['浙江', '9410'],['广东', '6610'],['上海', '7130'],['江苏', '8000'],['四川', '4760'],['湖南', '1670'],['河南', '2210'],['山西', '2980'],['安徽', '1980'],['湖北', '1080']]
    createbar("barcontent", "企业注册城市分布", data)
    $(document).ready(function () {
        $('.footable').footable();
    });

    company(1);
    function company(pageNum){
    	$.ajax({
    		url:'${pageContext.request.contextPath}/investmentFinancing/listedCompany',
    		type:'GET',
    		data:{
    			pageNum:pageNum,
    			pageSize:10
    		},
    		success: function(res){
    			console.log(res);
    			var pageCount=res.pageCount;
    			if (pageCount >= 500) {
    				pageCount = 500;
    	        }
    			paging(res.total, pageCount, pageNum);
    			var list=res.data;
    			var html='';
    			$('#list').html('');
    			for(var i = 0;i < list.length; i++){
    				/* if(list[i].logo == null || list[i].logo == ''){
    					list[i].logo='/spider-factory/img/webLogoIcon.png';
    				} */
    				html+='<tr>'+
    						  '<td><img src="/spider-factory/img/webLogoIcon.png" style="width: 50px;height: 50px;"></td>'+
    						  '<td><a style="color:#65b5f6" href="${pageContext.request.contextPath}/stock/stockinfo?seed_id=optional&code=600315&company_id='+list[i].firm_id+'" target="_blank">'+list[i].name+'</a></td>'+
    						  '<td>'+list[i].status+'</td>'+
    						  '<td>'+list[i].city+'</td>'+
    						  '<td>'+'<a target="_blank" href="http://'+list[i].website+'">'+list[i].website+'</a>'+'</td>'+
    						  '<td>'+list[i].establish_time.substring(0, 10)+'</td>'+
    						  '<td><a style="color: white;" href="${pageContext.request.contextPath}/stock/stockinfo?seed_id=optional&code=600315&company_id='+list[i].firm_id+'" target="_blank"><button class="a-button">'+'查看详情'+'</button></a></td>'+
    					  '</tr>';
    			}
    			$('#list').html(html);
    			
    		},
    		error: function(err){
    			console.log(err);
    		}
    	})
    }
    

    function paging(totalData, totalPage, pagenum) {
        $('#box').paging({
            initPageNo: pagenum, // 初始页码
            totalPages: totalPage, //总页数
            totalCount: '合计' + totalData + '条数据', // 条目总数
            slideSpeed: 600, // 缓动速度 单位毫秒
            jump: true, //是否支持跳转
            callback: function (page) { // 回调函数
            }
        });
    }

    function JumpToPage(pageNum) {
        company(pageNum);
    }

    
</script>
</body>
</html>
